.box {
    display:inline-block;
    width:40%;
    height:50px;
    box-shadow: 5px 5 px 12px #00000035;
    border-radius: 15px;
    overflow: hidden;
    align-content: center;
    background: #ffffff0e;
    backdrop-filter: blur(5px);
    
}

.box:hover {
    box-shadow: 5px 5px 15px #00000070;
    background: #ffffff1a;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.dot {
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    border:1px solid #ffffff;
    background: #ffffff;
    width:8px;
    height:8px;
}

.box:link {
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  transition: color 0.3s ease;
  font-family: "Share Tech Mono", monospace;
}

.box:link:visited {
  color: #ffffff;
  text-decoration: none;
}

.box:link:hover {
  color: #eec951;
}